<template>
  <router-view />
  <dl class="nav-bar absolute top-0 left-0 flex bg-white p-1">
    <dd v-for="item in nav" :key="item.name" class=" m-2">
      <router-link :to="`${item.path}`">{{ item.name }}</router-link>
    </dd>
  </dl>
</template>
<script setup lang="ts">
import { computed } from "vue";
import { routes } from "./router/index";
const nav = computed(() => {
  return routes.filter((item) => {
    return !!item.name;
  });
});
</script>
